<template>
    <div class="sea-page box">
        <div class=" error-page">
            <h2 class="headline text-yellow" style="font-weight: bold"> 404</h2>

            <div class="error-content">
                <h3><i class="fa fa-warning text-yellow"></i> Oops! Pagination not found.</h3>
                <p>
                    We could not find the page you were looking for.
                    Meanwhile, you may <a>return to welcome page</a> or try using the search form.
                </p>

                <form class="search-form">
                    <div style="margin-top: 12px">
                        <el-input>
                            <template #append>
                                <i class="fa fa-fw fa-search"></i>
                            </template>
                        </el-input>
                    </div>
                    <!-- /.input-group -->
                </form>
            </div>
            <!-- /.error-content -->
        </div>
    </div>
</template>

<script>
export default {
    name: "E404"
}
</script>


<style scoped lang="scss">
@use "./error";
</style>